<#assign baseURL = springMacroRequestContext.getContextPath() />
<nav class="navbar-default navbar-static-side" role="navigation">
    <div class="sidebar-collapse">
        <ul class="nav metismenu" id="side-menu">
            <li class="nav-header" style="text-align: center">
                <div class="dropdown profile-element"> <span >
                            <img alt="用户头像" class="img-circle" src="${user_picture}" style="width: 120px;height: 120px;" />
                             </span>
                    <a data-toggle="dropdown" class="dropdown-toggle" href="#">
                            <span class="clear"> <span class="block m-t-xs"> <strong class="font-bold">${role_name}</strong>
                             </span> <span class="text-muted text-xs block">${user_name} <b class="caret"></b></span> </span>
                    </a>
                    <ul class="dropdown-menu animated fadeInRight m-t-xs">
                        <li><a href="${baseURL}/water/view/user_manage">修改信息</a></li>
                    </ul>
                </div>
            </li>
                <li <#if li_class ?? && li_class == "1-0"> class= "active" </#if>>
                    <a href="${baseURL}/water/view/index"><i class="fa fa-dashboard"></i> <span class="nav-label">主页</span></a>
                </li>
                <li <#if li_class ?? && (li_class ? substring(0,1)) == "2"> class= "active" </#if>>
                    <a href="#"><i class="fa fa-archive"></i> <span class="nav-label">消防用水管理系统</span> <span class="fa arrow"></span></a>
                    <ul class="nav nav-second-level">
                        <li <#if li_class ?? && li_class == "2-1"> class= "active" </#if>><a href="${baseURL}/water/view/device"><i class="fa fa-circle-o"></i>主机管理</a></li>
                        <li <#if li_class ?? && li_class == "2-2"> class= "active" </#if>><a href="${baseURL}/water/view/channel"><i class="fa fa-circle-o"></i>通道管理</a></li>
                        <li <#if li_class ?? && li_class == "2-3"> class= "active" </#if>><a href="${baseURL}/water/view/real_time_data"><i class="fa fa-circle-o"></i>实时数据</a></li>
                        <li <#if li_class ?? && li_class == "2-4"> class= "active" </#if>><a href="${baseURL}/water/view/history_data"><i class="fa fa-circle-o"></i>历史数据</a></li>
                        <li <#if li_class ?? && li_class == "2-5"> class= "active" </#if>><a href="${baseURL}/water/view/alarm_event"><i class="fa fa-circle-o"></i>报警事件</a></li>
                        <li <#if li_class ?? && li_class == "2-6"> class= "active" </#if>><a href="${baseURL}/water/view/map_show"><i class="fa fa-circle-o"></i>地图模式</a></li>
                        <li <#if li_class ?? && li_class == "2-7"> class= "active" </#if>><a href="${baseURL}/water/view/analysis_report"><i class="fa fa-circle-o"></i>分析报表</a></li>
                        <li <#if li_class ?? && li_class == "2-8"> class= "active" </#if>><a href="${baseURL}/water/view/location"><i class="fa fa-circle-o"></i>地图配置</a></li>
                        <li <#if li_class ?? && li_class == "2-9"> class= "active" </#if>>
                            <a href="#"><i class="fa fa-sitemap"></i> <span class="nav-label">系统设置</span><span class="fa arrow"></span></a>
                            <ul class="nav nav-third-level collapse">
                                <li <#if li_class ?? && li_class == "2-9"> class= "active" </#if>>
                                    <a href="${baseURL}/water/view/user_manage"><i class="fa fa-circle-o"></i>用户管理</a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </li>
                <li <#if li_class ?? && (li_class ? substring(0,1)) == "3"> class= "active" </#if>>
                    <a href="#"><i class="fa  fa-cube"></i> <span class="nav-label">消防动态监测系统</span> <span class="fa arrow"></span></a>
                    <ul class="nav nav-second-level">
                        <li <#if li_class ?? && li_class == "3-0"> class= "active" </#if>><a href="${baseURL}/water/view/dt_map_show"><i class="fa fa-circle-o"></i>地图显示</a></li>
                        <li><a href="${baseURL}/water/view/buy_model"><i class="fa fa-circle-o"></i>报警处理</a></li>
                        <li <#if li_class ?? && li_class == "3-3"> class= "active" </#if>><a href="${baseURL}/water/view/dt_device"><i class="fa fa-circle-o"></i>设备管理</a></li>
                        <li><a href="${baseURL}/water/view/buy_model"><i class="fa fa-circle-o"></i>统计报表</a></li>
                        <li <#if li_class ?? && li_class == "3-5"> class= "active" </#if>><a href="${baseURL}/water/view/dt_location"><i class="fa fa-circle-o"></i>地图配置</a></li>
                    </ul>
                </li>
        </ul>

    </div>
</nav>